
Ext.define('MobileTest.view.Viewport', {
    extend: 'Ext.container.Viewport',
    requires: [
        'MobileTest.view.NavTabView',
        'Ext.layout.container.Border'
    ],
	layout: 'border',
	items: [{
                region:'north',
                margins:'0 0 0 0',
                contentEl: 'north',
                border:false,
                height:60,
                bodyStyle:""
            },{
                region:'center',
                layout:'border',                      
                margins:'0 5 5 5',
                border:false,
                items:[{
                   	region: 'north',
					xtype: 'navtab'
                },{                    
                    region:'center',
                    layout:'border',
                    border:true,                     
                    dockedItems: [
                        Ext.create('MobileTest.view.nav.SideBar')
                    ],                
                    items:[                    	
                		Ext.create('MobileTest.view.MainContent')            			
                    ]
                }]
            }]
});

